<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#layers_header").addClass("active");
    $(".accordion div:not(:first)").hide();
 
    $(".accordion h3").click(function(){
        $(this).next("div").post('layers.jsp',{layers : "3" }); // загрузку HTML кода из файла example.html
        $(this).next("div").slideToggle("fast")
        .siblings("div:visible").slideUp("fast");
        $(this).toggleClass("active");
        //$(this).next("div").append("<p>hello</p>");
    
    
    
        $(this).siblings("h3").removeClass("active");
     });
  
 });
</script>
<style type="text/css">
body {
margin: 10px auto;
width: 570px;
font: 75%/120% Arial, Helvetica, sans-serif;
}
.accordion {
width: 480px;
border-bottom: solid 1px #c4c4c4;
}
.accordion h3 {
background: #e9e7e7 url(images/arrow-square.gif) no-repeat right -51px;
padding: 7px 15px;
margin: 0;
font: bold 120%/100% Arial, Helvetica, sans-serif;
border: solid 1px #c4c4c4;
border-bottom: none;
cursor: pointer;
}
.accordion h3:hover {
background-color: #e3e2e2;
}
.accordion h3.active {
background-position: right 5px;
}
.accordion p {
background: #f7f7f7;
margin: 0;
padding: 10px 15px 20px;
border-left: solid 1px #c4c4c4;
border-right: solid 1px #c4c4c4;
} 
</style>
</head>
<body>
<form action="create_nn.jsp">
Число нейронов на входном слое:<input name="layer0">
<br>layer 1:<input name="layer1">
<br>layer 2:<input name="layer2">
<input type=submit value="Создать">
</form>
 
</body>
</html>
